import Vue from 'vue'
import store from '@/store'
import DataDict from '@/utils/dict'
import { getDicts } from '@/api/system/dictData.js'

// 根据键值在字典中查找对应的值
function searchDictByKey(dict, key) {
  // 如果键为空，则返回 null
  if (key == null || key === "") {
    return null
  }
  try {
    // 遍历字典数组
    for (let i = 0; i < dict.length; i++) {
      // 找到对应的键值，并返回对应的值
      if (dict[i].key == key) {
        return dict[i].value
      }
    }
  } catch (e) {
    // 发生异常时返回 null
    return null
  }
}

// 安装插件
function install() {
  // 使用 DataDict 插件
  Vue.use(DataDict, {
    // 字典配置信息
    metas: {
      // 通配符表示适用于所有字典类型
      '*': {
        labelField: 'dictLabel', // 字典项的显示文本字段名
        valueField: 'dictValue', // 字典项的值字段名
        request(dictMeta) {
          // 从 store 中获取字典数据
          const storeDict = searchDictByKey(store.getters.dict, dictMeta.type)
          if (storeDict) {
            // 如果在 store 中找到对应的字典数据，直接返回 Promise.resolve
            return new Promise(resolve => { resolve(storeDict) })
          } else {
            // 在 store 中不存在对应的字典数据时，发起异步请求获取字典数据
            return new Promise((resolve, reject) => {
              getDicts(dictMeta.type).then(res => {
                // 将获取到的字典数据存储到 store 中
                store.dispatch('dict/setDict', { key: dictMeta.type, value: res.data })
                resolve(res.data)
              }).catch(error => {
                reject(error)
              })
            })
          }
        },
      },
    },
  })
}

export default {
  install,
}
